import {  Button} from "../dComponent"
// import { Button } from 'r-d-components'
function Pbutton(props){
//  let {history} = props
 function action(e){
    // console.log(e)
 }
    return(
        <div className="page">
            <h2>按钮</h2>
            <div className="flexBox">   
                <Button
                    onClick={action}
                    cls={'left-30'}  
                    size='lg'
                >大号按钮</Button>         
                <Button
                    onClick={action}
                    cls={'left-30'}
                >默认按钮</Button>
                <Button
                    cls = {'left-30'}
                    onClick={action}
                    size={'sm'}
                >小号按钮</Button>
                <Button
                    size="cir"
                    cls = {'left-30'}
                    onClick={action}
                >√</Button>
                <Button
                    size="cirMd"
                    cls = {'left-30'}
                    onClick={action}
                >√</Button>
                <Button
                    size="cirSm"
                    cls = {'left-30'}
                    onClick={action}
                >√</Button>
            </div>
            <br/>
            <h2>场景按钮</h2>
            <div className="flexBox">   
                <Button
                    onClick={action}
                    cls={'left-30'}
                    type='warn'
                >警告按钮</Button>         
                <Button
                    onClick={action}
                    cls={'left-30'}
                    type='error'
                >错误按钮</Button>
                <Button
                    cls={'left-30'}
                    onClick={action}
                >正常按钮</Button>
            </div>
            <br/>
            <h2>透明按钮</h2>
            <div className="flexBox">   
                <Button
                    onClick={action}
                    cls={'left-30'}
                    clear
                    type='warn'
                >警告按钮</Button>         
                <Button
                    onClick={action}
                    cls={'left-30'}
                    clear
                    type='error'
                >错误按钮</Button>
                <Button
                    cls={'left-30'}
                    onClick={action}
                    clear
                    type='normal'
                >正常按钮</Button>
               <Button
                    onClick={action}
                    cls={'left-30'}
                    clear
                    type='warn'
                    dashed
                >警告按钮</Button>         
                <Button
                    onClick={action}
                    cls={'left-30'}
                    type='error'
                    clear
                    dashed
                >错误按钮</Button>
                <Button
                    cls={'left-30'}
                    clear
                    onClick={action}
                    dashed
                >正常按钮</Button>
            </div>
            <br/>
            <h2>禁用按钮</h2>
            <div>
                <Button
                    cls={'left-30'}
                    style={{ 
                        width:'100px'
                    }}
                    clear
                    onClick={action}
                    disable
                >按钮</Button>
            </div>
            {/* <p>示例代码</p>
            <pre>
                <code className="hljs">
                {

                }
                </code>
            </pre> */}
        </div>
    )
}
export default Pbutton